<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        小米京东自营旗舰店 - 京东
</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/phone.css">
<link rel="stylesheet" href="css/store.css">
<script src="js/animate.js"></script>
<script src="js/store.js"></script>
</head>
<body>
           <!-- 快捷导航模块 start -->
           <section class="shortcut">
            <div class="w">
                <div class="box_l">
                    <ul>
                        <li class="arrow-icon0"></li>
                        <li class="area"><a href="#">重庆</a></li>
                    </ul>
                </div>
                <div class="site">
                    <div class="site_detail">
                        <ul class="district">
                            <li class="item">北京</li>
                            <li class="item">上海</li>
                            <li class="item">天津</li>
                            <li class="item bg_current">重庆</li>
                            <li class="item">河北</li>
                            <li class="item">陕西</li>
                            <li class="item">河南</li>
                            <li class="item">辽宁</li>
                            <li class="item">吉林</li>
                            <li class="item">黑龙江</li>
                            <li class="item">内蒙古</li>
                            <li class="item">江苏</li>
                            <li class="item">山东</li>
                            <li class="item">安徽</li>
                            <li class="item">浙江</li>
                            <li class="item">福建</li>
                            <li class="item">湖北</li>
                            <li class="item">湖南</li>
                            <li class="item">广东</li>
                            <li class="item">广西</li>
                            <li class="item">江西</li>
                            <li class="item">四川</li>
                            <li class="item">海南</li>
                            <li class="item">贵州</li>
                            <li class="item">云南</li>
                            <li class="item">西藏</li>
                            <li class="item">台湾</li>
                            <li class="item">甘肃</li>
                            <li class="item">青海</li>
                            <li class="item">宁夏</li>
                            </ul>
                    </div>
                    <div class="region">
                        <p>地区专享版本</p>
                        <ul>
                            <li><a href="">中国港澳</a></li>
                            <li><a href="">中国台湾</a></li>
                            <li><a href="">京东全球</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box_r">
                    <ul>
                        <li class="shenglue arrow-icon" >
                            <a href="login.html" class="username" target="_blank"></a>
                            <img src="./images/PLUS_02.png" width="30%">
                        </li>
                        <li class="shuxian"></li>
                        <li>
                            <a href="#">我的订单</a>
                        </li>
                        <li class="shuxian"></li>
                        <li class="arrow-icon">
                            <a href="#"  class="wd_jd">我的京东</a>
                        </li>
                        <li class="shuxian"></li>
                        <li>
                            <a href="#">京东会员</a>
                        </li>
                        <li class="shuxian"></li>
                        <li class="arrow-icon">
                            <a href="#" style="color: #f93031;">政企采购</a>
                        </li>
                        <li class="shuxian"></li>
                        <li class="arrow-icon">
                            <a href="#">客户服务</a>
                        </li>
                        <li class="shuxian"></li>
                        <li class="arrow-icon">
                            <a href="#">网站导航</a>
                        </li>
                        <li class="shuxian"></li>
                        <li>
                            <a href="#">手机京东</a>
                        </li>
                        <li>
                            <li class="shuxian"></li>
                            <li>
                                <a href="#">网站无障碍</a>
                            </li>
                        </li>
                    </ul>
                    <!-- 鼠标滑到我的京东时显示的部分 -->
                    <div class="myjdlist">
                        <div class="myjdlist1">
                            <div class="fore1">
                                <a href="">待处理订单</a>
                                <a href="">返修退换货</a>
                                <a href="">降价商品</a>
                            </div>
                            <div class="fore2">
                                <a href="">我的问答</a>
                                <a href="">我的关注</a>
                            </div>
                        </div>
                        <div class="myjdlist2">
                            <div class="fore1">
                                <a href="">我的京豆</a>
                                <a href="">我的白条</a>
                            </div>
                            <div class="fore2">
                                <a href="">我的优惠券</a>
                                <a href="">我的理财</a>
                            </div>
                        </div>
                        </div>
                </div>
            </div>
        </section>
    <!-- 快捷导航模块 end -->
    <!-- header头部模块制作 start -->
    <div id="header" style="height: 111px;">
        <div class="w">
            <!-- 图片logo模块 -->
            <div class="logo">
                <img src="./images/logo.png" width="70%">
            </div>
            <!-- 搜索模块 -->
            <div class="search">
                <input placeholder="小米盒子" class="search_ipt"></input>
                <button class="search_btn">搜索</button>
            </div>
            <!-- hotwords模块 -->
            <div class="hotwords">
                <a href="#" style="color: #f10215;" >手机华为</a>
                <a href="#">手机vivo</a>
                <a href="#">华为</a>
                <a href="#">苹果手机</a>
                <a href="#">手机OPPO</a>
                <a href="#">华为手机京东自营</a>
                <a href="#">手机小米</a>
            </div>
            <div class="left-nav">
                <ul class="nav_l">
                    <li class="item_id"></li>
                    <li class="item_id item02"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                    <li class="item_id"></li>
                </ul>
                </div>
            <!-- 购物车模块 -->
            <a class="shopcar" href="shopcar.html">
                <i class="iconfont icon-gouwuche" style="padding-right: 5px; font-weight: bold;"></i>
                我的购物车
                <i class="count">3</i>
            </a>
            <div class="erweima">
                <img src='./images/erweima.png' width="100%">
            </div>
        </div>
    </div>
    <img src="./images/xiaomi.png" width="100%">
     <!-- 导航部分 start -->
       <div class="xiaomi_nav">
    <ul class="redmi_nav">
            <li>
                <a href="">小米手机</a>
            </li>
            <li>
                <a href="">Redmi手机</a>
            </li>
            <li>
                <a href="">小米电视</a>
            </li>
            <li>
                <a href="">小米笔记本</a>
            </li>
            <li>
                <a href="">潮流小电</a>
            </li>
            <li>
                <a href="">智能家居</a>
            </li>
            <li>
                <a href="">小米空调</a>
            </li>
            <li>
                <a href="">小米企业购</a>
            </li>
        </ul>
        <div class="nav_det" style="display: none;">
           <ul>
               <!-- <li>
                   <div></div>
                   <img src="">
                   <div></div>
                   <div></div>
               </li> -->
           </ul>
           <ul></ul>
           <ul></ul>
           <ul></ul>
           <ul></ul>
           <ul></ul>
           <ul></ul>
           <ul></ul>
        </div>
    </div> 
        <!-- 导航部分 end -->
        <!-- 轮播图部分 start -->
        <div class="focus">
            <!-- 左侧按钮 -->
            <a href="javascript:;" class="arrow-l">
                &lt;
             </a>
            <!-- 右侧按钮 -->
            <a href="javascript:;" class="arrow-r">></a>
            <!-- 核心的滚动区域 -->
            <ul>
                <li>
                    <a href="#"><img src="upload/redmi01.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/redmi02.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/redmi03.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/redmi04.jpg" alt=""></a>
                </li>
            </ul>
            <!-- 小圆圈 -->
            <ol class="circle">
            </ol>
    </div>
        <!-- 轮播图部分 end -->
        <div class="item_redmi">
        <img src="./upload/新品推荐.jpg">
        <img src="/upload/新品01.jpg">
        <img src="/upload/新品02.jpg!q90">
        <img src="/upload/新品03.jpg!q90">
        <img src="upload/手机.jpg!q90">
        <img src="/upload/手机01.jpg!q90">
        <img src="/upload/手机02.jpg!q90">
        <img src="/upload/手机03.jpg!q90">
    </div>
    <div class="floorhd_inner">
        <h1>-商品分类-</h1>
    </div>
      <!-- navitems部分 -->
      <div class="navitems1">
        <ul class="items_ul">
            <li style="width: 189px;" class="fenlei1 bg_head">全部商品</li>
            <li style="width: 100px;">小米手机</li>
            <li style="width: 86px;">小米空调</li>
        </ul>
    </div>
    <div class="hengxian1"></div>
<!-- 通过不同的分类排序部分 start -->
<div class="sort">
    <ul class="f_sort">
        <li href="" class="sale">
            <span>销量</span>
            <i class="arrow_icon1"></i>
        </li>
        <li href="" class="count_com">
            <span>评论数</span>
            <i class="arrow_icon1"></i>
        </li>
        <li href="" class="new_item">
            <span>新品</span>
            <i class="arrow_icon1"></i>
        </li>
        <li href="" class="price_lower">
            <span>价格</span>
            <i class="arrow_icon2"></i>
        </li> 
        <li href="" class="price_higher">
            <span>价格</span>
            <i class="arrow_icon1"></i>
        </li>
        <li href="#" class="composite head_click1" >
            <span>综合</span>
            <i class="arrow_icon1"></i>
        </li>
    </ul>
    <div class="f_price">
        <input type="number" class="input_txt" placeholder="￥">
        -
        <input type="number" class="input_txt1" placeholder="￥">
    </div>
</div>
<!-- 通过不同的分类排序部分 end -->
<!-- 商品详情部分 start -->
<ul class="phone_list">
</ul>
    <div id="login" class="login">
        <div id="title" class="login-title">店铺公告
            <span><a id="closeBtn" href="javascript:void(0);" class="close-login">关闭</a></span>
        </div>
        <div class="notice">欢迎光临本店，您的支持是我们最大的前进动力，本店所有产品均低价销售，并且保证质量，需要的亲请放心购买，我们一定会给您一个最舒心的购物体验!
            　　<br>本店所有的商品照片为专业摄影师拍摄，后期精心修制及色彩调整，尽量与实际商品保持一致，但由于拍摄时用光、角度、显示器色彩偏差、个人对颜色的认知等方面的差异，
            导致实物可能会与照片存在一些色差，最终颜色以实际商品为准!</div>
    </div>
    <!-- 遮盖层 -->
    <div id="bg" class="login-bg"></div>
      <!-- 底部模块制作 start -->
      <footer class="footer">
        <!-- 服务模块 -->
    <div class="w1">
        <div class="mod_service">
            <ul>
                <li>
                   <img src="./images/duo_03.png">
                    品类齐全，轻松购物
                </li>
                <li>
                   <img src="./images/kuai_05.png">
                    多仓直发，极速配送
                </li>
                <li>
                   <img src="./images/hao_07.png">
                    正品行货，精致服务
                </li>
                <li>
                    <img src="./images/sheng_09.png">
                    天天低价，畅选无忧
                </li>
            </ul>
        </div>
    </div>
    <div class="fenjiexian"></div>
    <!-- 帮助模块 -->
    <div class="mod_help">
        <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
            <dt>配送方式</dt>
            <dd><a href="#">上门自提</a></dd>
            <dd><a href="#">211限时达</a></dd>
            <dd><a href="#">配送服务查询</a></dd>
            <dd><a href="#">配送费收取标准</a></dd>
            <dd><a href="#">海外配送</a></dd>
        </dl>
        <dl>
            <dt>支付方式</dt>
            <dd><a href="#">货到付款</a></dd>
            <dd><a href="#">在线支付</a></dd>
            <dd><a href="#">分期付款</a></dd>
            <dd><a href="#">公司转账</a></dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd><a href="#">售后政策</a></dd>
            <dd><a href="#">价格保证</a></dd>
            <dd><a href="#">退款说明</a></dd>
            <dd><a href="#">返修/退换货</a></dd>
            <dd><a href="#">取消订单</a></dd>
        </dl>
        <dl>
            <dt>特色服务</dt>
            <dd><a href="#">夺宝岛</a></dd>
            <dd><a href="#">DIY装机</a></dd>
            <dd><a href="#">延保服务</a></dd>
            <dd><a href="#">京东E卡</a></dd>
            <dd><a href="#">京东通信</a></dd>
            <dd><a href="#">京东座智能</a></dd>
        </dl>
        <dl>
            <dt>京东自营覆盖区县</dt>
            <dd>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</dd>
            <dd style="float: right;">查看详情 ></dd>
        </dl>
    </div>
    <!-- 版权模块 -->
    <div class="mod_copyright w">
        <div class="links">
        <div class="links1"><a href="#">关于我们</a></div>
        <div class="links1"><a href="#">联系我们</a></div>
        <div class="links1"><a href="#">联系客服</a></div>
        <div class="links1"><a href="#">合作招聘</a></div>
        <div class="links1"><a href="#">商家帮助</a></div>
        <div class="links1"><a href="#">营销中心</a></div>
        <div class="links1"><a href="#">手机京东</a></div>
        <div class="links1"><a href="#">友情链接</a></div>
        <div class="links1"><a href="#">销售联盟</a></div>
        <div class="links1"><a href="#">京东社区</a></div>
        <div class="links1"><a href="#">风险监测</a></div>
        <div class="links1"><a href="#">隐私政策</a></div>
        <div class="links1"><a href="#">京东公益</a></div>
        <div><a href="#">English Site</a></div>
        </div>
        <div class="copyright">
            <a href="">京公网安备 1100000200008号</a> | <a href="">京ICP备11041704号</a> | <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a> | <a href="">新出发京零 字第大120007号</a><br><a href="">互联网出版许可证编号新出网证(京)字150号</a> | <a href="">出版物经营许可证</a> | <a href="">网络文化经营许可经文网[2020]6112-1201号</a> | <a href="">违法和不良信息举报电话：4006561155</a><br><a href="">Copyright 2004 - 2022 京东JD.com 版权所有</a> | <a href="">消费者维权热线：4006067733</a> | <a href="">经营执照：网线平台备字(2018)第00003号</a><br><a href="">京东旗下网站：京东钱包</a> | <a href="">京东云</a> | <a href="">网络内容从业人员违法违规行为举报电话：4006561155-3</a>
        </div>
    </div>
    </footer>
    <!-- 底部模块制作 end -->
</body>
</html>